@import "editor-form/common";
@import "editor-form/designer";
@import "editor-form/canvas";
@import "editor-form/popover";
@import "editor-form/drawer";

.web-form-designer {
  &-preview {
    .content-json {
      max-height: 560px;
      overflow-y: auto;
    }
  }

  &-dropdown {

    .item-add {
      padding: 6px 12px;

      &:hover {
        cursor: pointer;
        color: @primary-color;
      }
    }
  }

  &-import {
    .ant-form-item-control {
      text-align: center;

      .ant-upload-list {
        text-align: left;
        display: block;
        margin-left: 30%;
        width: 40%;
      }
    }
  }

  .content {
    &-left {
      padding-right: 6px;
    }

    &-status {
      label {
        font-weight: 900;
      }

      border-bottom: dashed 1px #Ececec;
      line-height: 28px;

      .window-default {
        text-align: right;
      }
    }
  }

  .web-form-designer-popover; // 浮游窗口
  .web-form-row-drawer;
  .web-form-cell-drawer;

  .canvas; // 画布
  .designer; // 设计器
  &-actions {
    button {
      margin-right: 8px;
    }

    .ant-btn-background-ghost {
      border: dashed 1px #9d9d9d;
    }
  }

  &-help {

    .ant-tabs-content {
      padding-left: 6px;
      max-height: 600px;
      overflow-y: auto;

      p {
        line-height: 28px;
      }

      li {
        line-height: 24px;
      }
    }
  }
}